<?php
    if (!isset($head_extension)) {
        $head_extension = '';
    }
?>
<!DOCTYPE html>
<html lang="fr-FR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Speedy Market</title>
    <?php echo $head_extension; ?>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <style>
       
    </style>
</head>

<body>

    <div class="speedy-container">
        <div class="header">
            <a href="accueil.html.php"><img class="header-logo" alt="logo speedy market" src="img/logo.png" width="185" height="126"></a>
            <div class="header-slogan">Simplifiez-vous les courses&nbsp;!</div>
            <div class="header-connexion">
                <?php if (isset($connecte)): ?>
                <p>Bonjour M. Patrick de Sousa<br>
                    <a href="#">Mon compte</a></p>
                <?php else: ?>
                <form>
                    <input type="text" name="identifiant" placeholder="identifiant">
                    <input type="password" name="motdepasse" placeholder="mot de passe">
                    <input type="submit" name="connexion" value="">
                    <a href="#">Mot de passe oublié ?</a>
                </form>
                <?php endif; ?>
            </div>
            <div class="header-panier">
                <a class="header-panier-lien" href="panier.html.php">
                    <h1>
                        Mon panier
                    </h1>
                </a>
                <div>
                    <table>
                        <tr>
                            <td>Tomates</td>
                            <td>x 3</td>
                            <td>2.23&nbsp;€</td>
                        </tr>
                    </table>
                </div>
                <div>
                    <table>
                        <tr>
                            <th>Total</th>
                            <td>16 articles</td>
                            <td>8.82&nbsp;€</td>
                        </tr>
                    </table>
                </div>
                <a href="#" class="header-panier-etendre"></a>
            </div>
            <img class="header-visuel" alt="image entête" src="img/visuel-header.png">
        </div> <!-- .header -->
